<template>
  <div class="details-step">
    <XtxSteps :active="orderData.orderState">
        <XtxStepsItem title="提交订单" :desc="orderData.createTime"></XtxStepsItem>
        <XtxStepsItem title="付款成功" :desc="orderData.payTime"></XtxStepsItem>
        <XtxStepsItem title="商品发货" :desc="orderData.consignTime"></XtxStepsItem>
        <XtxStepsItem title="确认订单" :desc="orderData.endTime"></XtxStepsItem>
        <XtxStepsItem title="订单完成" :desc="orderData.closeTime"></XtxStepsItem>
    </XtxSteps>
  </div>
</template>

<script>
export default {
name:'DetailsStep',
props:{
    orderData:{type:Object,
    defaul:()=>{}}
}
}
</script>

<style scoped lang="less">
.details-step{
    padding:20px;
}
</style>